<template>
<div>
  <div style="height: 100px;display: flex;">
    <el-image style="margin-left: 400px;" src="https://hjtblogpic.oss-cn-shanghai.aliyuncs.com/img/docs.png"></el-image>
    <div style="font-size: 50px;color: white;margin-left: 20px;margin-top: 10px">项目介绍</div>
  </div>

  <div style="background-color: white;width: 1063px;padding-left: 400px;padding-right: 400px">
    <div class="markdown-body" v-if="this.value">
      <VueMarkdown id="pre" :source="value" v-highlight></VueMarkdown>
    </div>
  </div>
</div>
</template>

<script>
import VueMarkdown from "vue-markdown";

export default {
  name:'IntroductionIndex',
  data(){
    return{
      value:`## 关于

Learning Platform是面向中小学教师、学生的在线编程学习平台，有助于提升学校的信息化教学水平。

## 平台优势

* 方便学生：学生可以随时随地访问在线编程学习平台，无需在特定的地点或时间上课。这大大提高了学生的方便性和灵活性。

* 提高效率：在线编程学习平台可以以很高的效率提供编程教育，因为学生可以在自己的步调和时间表上学习。

* 提供更好的资源：在线编程学习平台可以提供更好的学习资源，如教学视频、实践项目等。这些资源可以帮助学生更好地理解和应用所学的知识。

* 提供更好的互动：在线编程学习平台可以提供更好的互动方式，如在线聊天、社区讨论等。这些功能可以让学生与其他学生和教师进行交流和互动，提高学习效果。

* 吸引更多人参与编程教育：在线编程学习平台可以吸引更多的人参与编程教育，包括那些在传统教育中没有机会学习编程的人。这有利于推广编程教育并提高人们的科技素养。

## 技术栈

* 前端：vue2
* 后端：springboot
* 数据库：MySQL
* 缓存：redis
* 虚拟环境：docker

## 主要功能

* 文件共享
* 虚拟环境
* 布置任务`
    }
  },
  methods:{

  },
  components: {
    VueMarkdown
  },
}
</script>

<style scoped>

</style>
